@media screen and (max-width: 1200px) {
.MenuItems>li { margin-left: 3%; }
.s1 .RT h1, .s2-imgText h4 { font-size: 24px; }
.s2-imgText p { font-size: 12px; margin-top: 1%; }
.s2-imgText { left: 6%; }
.s2-ico { width: 24px; height: 24px; line-height: 22px; }
.s2 li a:hover .s2-hover:before, .s2 li a:hover .s2-hover:after { width: calc(100% - 20px); height: calc(100% - 20px); }
.s2-hover:before, .s2-hover:after { margin: 10px; }
.footer-box .TR { width: 69%; margin-left: 3%; }
.ewm { right: 0; }
}
 @media screen and (max-width: 1024px) {
/*导航响应 2017.11.2*/
.MenuList_f1 { transition: 0.3s ease 0s; opacity: 0; line-height: normal; z-index: 99999999; overflow: auto; top: 0; right: -220px; position: fixed; background: #fff; height: auto; width: 220px; height: 100%;padding-left: 0;}
.MenuList_f1>ul { height: auto; }
.MenuList_f1>ul>li>:first-child:after { display: none; }
.MenuList_f1>ul>li>:first-child { padding-right: 15px; text-align: left; padding-left: 20px; display: block; font-size: 14px; line-height: 40px; height: 40px; }
.MenuList_f1>ul>li>:first-child:before { transition: 0.3s ease 0s; display: block; float: right; content: '>'; font-family: "宋体", "SimSun"; }
.MenuList_f1>ul>li { border-top: 1px solid #eee; max-width: none; width: 100%; display: block; margin-left: 0; }
.MenuList_f1>ul>li>:nth-child(2) { transition: none; margin-left: 0; opacity: 1; text-align: left; height: auto; position: static; width: 100%; background: none; line-height: 30px; }
.MenuList_f1>ul>li:hover>:nth-child(2) { height: auto; transition: none; opacity: 1; }/*还原电脑版hover*/
.MenuList_f1>ul>li ul li { background: #eee; margin-left: 0; width: 100%; padding: 0px; display: block; border-top: 1px solid #f5f5f5; font-size: 16px; }
.MenuList_f1>ul>li ul li a { color: #737373; line-height: 35px; height: 35px; font-size: 12px; width: auto; padding-left: 33px; text-align: left; }
.MenuList_f1>ul>li:hover>:first-child, .MenuList_f1>ul>li>:first-child.on { color: #e62129; }
/*汉堡按钮*/
.menu-i { opacity: 1; overflow: hidden; top: 0; right: 0; position: absolute; width: 20px; height: 50px; line-height: 50px; z-index: 3; text-align: left; }
.menu-icon { display: block; height: 100%; background: none; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { transition: 0.3s ease 0s; height: 1.5px; background: #333; width: 20px; display: inline-block; vertical-align: middle; content: ''; }
.menu-icon span { width: 13px; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -8px; }
.menu-icon span:after { bottom: -8px; }
.test .menu-icon span:after { transform: rotateZ(-45deg); }
.test .menu-icon span:before { transform: rotateZ(45deg); }
.test .menu-icon span { background: transparent !important; }
.test .menu-icon span:before, .test .menu-icon span:after { bottom: 0 !important; top: 0 !important; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
.menu-box { position: relative; height: 50px; }
.language_box { height: auto; position: static; width: auto; border-top: 1px solid #eee; padding: 30px 0; text-align: center; margin-left: 0; display: block; }
.language_box a { background: #666; font-size: 14px; width: 80px; height: 30px; line-height: 30px; border-radius: 3px; transform: translate(0); text-indent: 0; text-align: center; margin: 0 5px; }
.language_box a:last-child { background: #e62129; }
.logo a { height: 80%; }
.language_box.sanjiao-B:after, .footer-box .w-1200, .s4 .s4-T, #posT { display: none; }
.box { transition: 0.3s ease 0s; right: 0; top: 0; width: 100%; position: absolute; overflow: hidden; }
.box.test { right: 220px; }
.public-a { width: 100px; font-size: 12px; height: 35px; line-height: 35px; }
.public-a i { width: 10px; margin-left: 10px; }
.public-a i:before { width: 6px; }
.s1 .RT p { font-size: 12px; }
.s1 .RB:before { margin: 6% 0 4%; height: 2px; }
.s1 .RB p { font-size: 12px; max-height: 97px; }
.s1 .RT h1, .s2-imgText h4 { font-size: 18px; }
.s2-hover>div { margin-top: 12%; }
.BannerShow_b1 .swiper-pagination-bullet { width: 20px; height: 2px; }
.BannerShow_b1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.page-box { width: 92%; }
#NewsList_a2 li { height: 200px; }
.pro-img, .rid-36 .PhotoList_i1 a { max-height: 230px; height: 23vw; }
}
 @media screen and (max-width: 720px) {
.rid-36 h3 { font-size: 14px; margin-top: 4%; }
.pro-detail select { width: 100%; position: static; margin-bottom: 5vw; padding: 7px 10px; font-size: 14px; }
.rid-36 li { width: 49.2%; margin-bottom: 6%; }
.pro-img, .rid-36 .PhotoList_i1 a { height: 32vw; }
.rid-36 .PhotoList_i1 li:nth-child(4n+1), .rid-36 li:nth-child(4n+1) { margin-left: 1.6%; }
.rid-36 .PhotoList_i1 li:nth-child(2n+1), .rid-36 li:nth-child(2n+1) { margin-left: 0%; }
.nav { background: #333; position: static; }
.NavList_a1 a { padding: 10px 22px; }
.NavList_a1 { font-size: 14px; display: block; overflow: hidden; }
.page-box { margin: 10vw auto; font-size: 3.33vw; }
.map-box { margin: 10vw auto; }
.footer-box .B span:first-child a { display: none; }
.BannerShow_b1 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 15px; }
.ResTitle_a1 span, .ResTitle_a1 em, .s1 .RT h1, #NewsList_a2 .newnr b { font-size: 5vw; }
.ResTitle_a3 span { font-size: 6vw; }
.ResTitle_a3 em { font-size: 3.33vw; }
.ResTitle_a3 { margin-bottom: 10vw; }
.ResTitle_a3 em:before { height: 5vw; margin: 0 3vw; }
.ResTitle_a1 span:before, .ResTitle_a1 span:after { width: 4vw; }
.ResTitle_a1 span:before { margin-right: 2.7vw; }
.ResTitle_a1 span:after { margin-left: 2.7vw; }
.s1 { padding-top: 10vw; padding-bottom: 11vw; }
.s1-text { margin-top: 6vw; padding: 0 0 8vw; }
.s1 .L { width: 100%; }
.s1 .R { width: 80vw; margin: 11vw auto 0; display: block; }
.s1 .public-a { position: static; margin-top: 7vw; }
.s1 .RT p { font-size: 3.33vw; }
.s1 .RB p { line-height: 1.5; font-size: 3.33vw; max-height: none; -webkit-line-clamp: 99999; }
.s1 .RB:before { margin: 8vw 0 5vw; height: 2px; width: 30px; }
.public-a { color: #fff; background: #e02028; width: 27.7vw; font-size: 3.33vw; height: 9.7vw; line-height: 9.3vw; }
.s1-text:before { width: 100%; top: auto; height: 80%; bottom: 0; }
.public-a i { background: #fff; width: 2.7vw; margin-left: 3.75vw; }
.public-a i:before { background: #fff; width: 1.5vw; }
.s2 ul { margin: 4.5vw 1.3vw; width: auto; }
.s2 { margin: 10vw 0; }
.s2 li { max-height: none; height: auto; margin-bottom: 5.5vw; width: 49.2%; margin-left: 1.5%; }
.s2 li:nth-child(3n+1) { margin-left: 1.5%; }
.s2 li:nth-child(2n+1) { margin-left: 0%; }
.s2-img img { max-height: 220px; height: 30.6vw; }
.s2-imgText { margin-top: 2vw; position: static; color: #333; text-align: center; }
.s2-imgText h4 { font-size: 3.8vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.s2-imgText p, .s2-hover, #NewsList_a1 .newimg, #NewsList_a1 i, #NewsList_a2 i { display: none; }
#NewsList_a1 li:first-child .data { display: none !important; }
.s2 li a:hover .s2-img>.s2-imgText { opacity: 1; }
.s3 { padding: 8vw 0 10vw; }
#NewsList_a1 { margin: 7vw 0 8vw; }
#NewsList_a1 li { height: auto; margin-left: 0; width: 100%; display: block; }
#NewsList_a1 li:not(:first-child) { border-bottom: 1px solid #ccc; padding: 7.5vw 0; }
#NewsList_a1 .newnr { display: inline-block; vertical-align: text-bottom; position: static; width: 66vw; margin: 0 0 0 7vw; }
#NewsList_a1 li:first-child .newnr { margin: 0 auto; display: block; padding: 8vw 0; width: 80vw; }
#NewsList_a1 li:first-child .newnr b, #NewsList_a1 li:first-child .newnr p, #NewsList_a1 li:first-child:hover .newnr b, #NewsList_a1 li:first-child:hover .newnr p { color: #fff; }
#NewsList_a1 li:first-child a { background: #e02028; }
#NewsList_a1 li:first-child .newimg { opacity: 1; position: static; height: auto; width: 100%; display: block; }
#NewsList_a1 a, #NewsList_a1 a:hover { padding: 0; background: none; }
#NewsList_a1 .newnr b { font-size: 3.8vw; }
#NewsList_a1 .newnr p, #NewsList_a1 a:hover .newnr p { color: #666; font-size: 3.33vw; max-height: none; line-height: 1.5; -webkit-line-clamp: 3; margin: 4vw 0 0; }
#NewsList_a1 .data, #NewsList_a1 a:hover .data { opacity: 1; border: 1px solid #333; margin: 0; width: 17vw; height: 17vw; font-size: 3.33vw; display: inline-block; vertical-align: top; padding-left: 2vw; padding-top: 3.4vw; }
#NewsList_a1 .data b { font-size: 4.44vw; }
#NewsList_a1 a:hover .newnr b { color: #333; }
.footer-box .B { padding: 5vw 0; font-size: 3.33vw; line-height: 2; }
.footer-box .B span:first-child { display: block; }
#NewsList_a2 li { height: auto; margin-bottom: 5vw; }
#NewsList_a2 .newimg { width: 100%; float: none; height: auto; }
#NewsList_a2 .data { width: 60px; padding-top: 13px; margin: 5vw 5vw 0; height: 60px; padding-left: 7px; }
#NewsList_a2 .newnr { width: calc(100% - 15vw - 60px); margin-top: 5vw; }
#NewsList_a2 .newnr p { max-height: none; margin: 3vw 0 0; font-size: 3.33vw; }
#NewsList_a2 li a { background: #f5f5f5; padding-bottom: 5vw; }
#NewsList_a2 .data b { font-size: 16px; }
.PhotoList_h1 li:nth-child(4n+1) { margin-left: 2.6%; }
.PhotoList_h1 li:nth-child(2n+1) { margin-left: 0%; }
.PhotoList_h1 li { width: 48.7%; height: 30vw; max-height: 220px; }
.rid-46 li { border: none; margin: 0; padding: 0; }
.rid-46 dl { width: 100%; float: none; border-bottom: 1px solid #ddd; margin-bottom: 5vw; padding-bottom: 5vw; }
.contat-title h3 { font-size: 5.5vw; }
.contat-title p { font-size: 3vw; }
.rid-46 dd { font-size: 16px; margin-bottom: 5vw; }
.rid-46 dt span, .c-ewmbox p { font-size: 14px; }
.rid-46 dt { margin-bottom: 2vw; }
.contat-title { margin-bottom: 7vw; }
.c-ewmbox>img { width: 120px; }
.c-ewmbox div img { margin-bottom: 5px; width: 26px; }
}
